<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>我房旅居</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>

	<body>
		<header>
			<a href="javascript:history.go(-1);" class="back"><img src="images/icon/back.png" /></a>
			<h1>户型图</h1>
		</header>
		<div class="container">
			<div class="swiper-container show-room">
				<div class="swiper-wrapper">
					<a href="javascript:;" class="swiper-slide row on">全部</a>
					<a href="javascript:;" class="swiper-slide row">一居</a>
					<a href="javascript:;" class="swiper-slide row">二居</a>
					<a href="javascript:;" class="swiper-slide row">三居</a>
					<a href="javascript:;" class="swiper-slide row">四居</a>
					<a href="javascript:;" class="swiper-slide row">五居</a>
				</div>
			</div>
			<div class="room-list">
				<div class="room column">
					<p>2室1厅2卫/100㎡</p>
					<a href="building_showroom.html"><img src="images/guangxi.jpg"/></a>
				</div>
				<div class="room column">
					<p>2室1厅2卫/100㎡</p>
					<a href="building_showroom.html"><img src="images/banner.jpg"/></a>
				</div>
				<div class="room column">
					<p>2室1厅2卫/100㎡</p>
					<a href="building_showroom.html"><img src="images/wenchang.jpg"/></a>
				</div>
			</div>
		</div>
		<footer>
			<div class="new-f-ad row">
				<a href="http://p.qiao.baidu.com/cps/chat?siteId=12032597&amp;userId=20686818" class="zixun row">在线咨询</a>
				<div class="zhaofang row">帮您找房</div>
				<a href="tel:4008190898,888" class="tel-zixun"><img src="images/tel.gif" /></a>
				<span>4008190898转888</span>
			</div>
		</footer>
		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/wap.js"></script>
		<script type="text/javascript">
			function resize() {
				var f = $('.new-f-ad').width() * 0.22;
				$('.new-f-ad').css("height", f);
				$('.tel-zixun').css("height", f);
			}
			$(document).ready(function() {
				resize();
			});
			var Swiper = new Swiper('.swiper-container', {
				spaceBetween: 10,
				slidesOffsetBefore: 10,
				slidesPerView: 'auto'
			});
			$('.show-room .swiper-slide').click(function(){
				$('.show-room .swiper-slide').removeClass('on');
				$(this).addClass('on');
			});
		</script>
	</body>

</html>